import { ColorValue, View } from 'react-native'
import React, { useEffect, useState } from 'react'
import { StatusBarHeight } from '@/hooks/useStateBarHeight'

export default function StatusBar({ ...props }: {
  backgroundColor?: ColorValue
}) {
  const [statusBarHeight, setStatusBarHeight] = useState(0)
  const { backgroundColor = '#fff' } = props
  useEffect(() => {
    getStatusBarHeight()
  })

  const getStatusBarHeight = async () => {
    setStatusBarHeight(await StatusBarHeight())
  }
  return (
    <View style={{ height: statusBarHeight, backgroundColor, width: '100%' }}>
    </View>
  )
}